<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 创建一个容器 用来承载Vue实例,模板 -->
		<div class="box1">
			<h1>Hello {{name}}!</h1>
			<h1>性别 {{sex.toUpperCase()}},{{Date.now()}}!</h1>
			<!-- 插值语法中定义的JS表达式 -->
		</div>
		

		<script type="text/javascript">
			//`${}`模板字符串
			Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示
			//创建一个Vue实例
			new Vue({
				 el:'.box1',//通过el来指定当前的Vue实例是为哪个容器所服务的，值通常都CSS的选择器字符串
				 data:{// el所指定的容器所使用的数据
					name:'小红' ,
				sex:'female'
				 }
			 })//参数配置对象key:value，约定俗成
			
		</script>
	</body>
</html>
